<template>
	<!-- #ifdef APP-PLUS || H5 -->
	<view class="page padding_bar_height">
	<!-- #endif -->
	<!-- #ifndef APP-PLUS || H5 -->
	<view class="page">
	<!-- #endif -->
		<!-- 系统状态栏高度 -->
		<view class="bar_height">
		</view>
		<!-- 默认状态栏 -->
		<slot>
			<!-- #ifdef APP-PLUS || H5 -->
			<uni-nav-bar left-icon="back" :title="title" @clickLeft="clickLeft" :color="navColor" :backgroundColor="navBgc"></uni-nav-bar>
			<!-- #endif -->
		</slot>
		<view class="page-content">
			<slot name="content"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name:"XbdPagesContent",
		props: {
			title: {
				type: String,
				required: true
			},
			navBgc: {
				type: String,
				default: '#F8F8F8'
			},
			navColor: {
				type: String,
				default: '#394954'
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			clickLeft() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.page {
	.uni-navbar {
		z-index: 9999;
	}
	/* #ifdef APP-PLUS || H5 */
	&-content {
		margin-top: 44px;
	}
	/* #endif */
}
</style>
